.split-line-wrapper {
  height: 0.186666666666667rem;
  background: #f5f5f5;
}
html,
body {
  width: 100%;
  height: 100%;
  background: #fcfcfc;
  overflow-x: hidden;
}
html .mine-wrapper,
body .mine-wrapper {
  padding-bottom: 1.76rem;
}
html .mine-wrapper .head-wrapper,
body .mine-wrapper .head-wrapper {
  padding: 0 0.533333333333333rem;
  margin-top: 0.533333333333333rem;
  font-size: 0;
}
html .mine-wrapper .head-wrapper .user-avatar-wrapper,
body .mine-wrapper .head-wrapper .user-avatar-wrapper {
  width: 1.68rem;
  height: 1.68rem;
  margin-right: 0.4rem;
  vertical-align: top;
}
html .mine-wrapper .head-wrapper .user-avatar-wrapper img,
body .mine-wrapper .head-wrapper .user-avatar-wrapper img {
  width: 100%;
  border-radius: 50%;
}
html .mine-wrapper .head-wrapper .user-info-wrapper,
body .mine-wrapper .head-wrapper .user-info-wrapper {
  margin-top: 0.213333333333333rem;
}
html .mine-wrapper .head-wrapper .user-info-wrapper .name-and-vip,
body .mine-wrapper .head-wrapper .user-info-wrapper .name-and-vip {
  width: 6.826666666666667rem;
  font-size: 0;
}
html .mine-wrapper .head-wrapper .user-info-wrapper .name-and-vip .user-name,
body .mine-wrapper .head-wrapper .user-info-wrapper .name-and-vip .user-name {
  width: 1.6rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-family: MicrosoftYaHei-Bold;
  font-size: 0.4rem;
  color: #000;
  vertical-align: bottom;
}
html .mine-wrapper .head-wrapper .user-info-wrapper .name-and-vip .vip-detail,
body .mine-wrapper .head-wrapper .user-info-wrapper .name-and-vip .vip-detail {
  margin-left: 0.266666666666667rem;
  font-size: 0.266666666666667rem;
  color: #999;
}
html .mine-wrapper .head-wrapper .user-info-wrapper .name-and-vip .vip-detail .vip-icon,
body .mine-wrapper .head-wrapper .user-info-wrapper .name-and-vip .vip-detail .vip-icon {
  padding: 0.106666666666667rem 0.32rem;
  background: url("../img/vip-logo-icon.png") no-repeat center center;
  background-size: contain;
  margin-right: 0.133333333333333rem;
  position: relative;
  top: -0.133333333333333rem;
}
html .mine-wrapper .head-wrapper .user-info-wrapper .id-and-sign,
body .mine-wrapper .head-wrapper .user-info-wrapper .id-and-sign {
  margin-top: 0.293333333333333rem;
  width: 6.826666666666667rem;
}
html .mine-wrapper .head-wrapper .user-info-wrapper .id-and-sign .id-num,
body .mine-wrapper .head-wrapper .user-info-wrapper .id-and-sign .id-num {
  font-size: 0.373333333333333rem;
  color: #999;
}
html .mine-wrapper .head-wrapper .user-info-wrapper .id-and-sign .sing-btn,
body .mine-wrapper .head-wrapper .user-info-wrapper .id-and-sign .sing-btn {
  width: 1.92rem;
  height: 0.64rem;
  line-height: 0.64rem;
  font-size: 0.373333333333333rem;
  color: #fa4747;
  position: relative;
}
html .mine-wrapper .head-wrapper .user-info-wrapper .id-and-sign .sing-btn:after,
body .mine-wrapper .head-wrapper .user-info-wrapper .id-and-sign .sing-btn:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 200%;
  height: 200%;
  border: 1px solid #fa4747;
  content: '';
}
html .mine-wrapper .head-wrapper .user-info-wrapper .id-and-sign .sing-btn:after,
body .mine-wrapper .head-wrapper .user-info-wrapper .id-and-sign .sing-btn:after {
  border-radius: 0.64rem;
}
html .mine-wrapper .asset-wrapper,
body .mine-wrapper .asset-wrapper {
  width: 7.733333333333333rem;
  height: 2.026666666666667rem;
  background: #fff;
  padding-top: 0.373333333333333rem;
  margin: 0.666666666666667rem 1.133333333333333rem 0.933333333333333rem 1.133333333333333rem;
  font-size: 0.72rem;
}
html .mine-wrapper .asset-wrapper .asset-name,
body .mine-wrapper .asset-wrapper .asset-name {
  color: #999;
  font-size: 0.293333333333333rem;
  margin-top: 0.213333333333333rem;
}
html .mine-wrapper .asset-wrapper .coin-wrapper,
body .mine-wrapper .asset-wrapper .coin-wrapper {
  width: 50%;
}
html .mine-wrapper .asset-wrapper .gift-wrapper,
body .mine-wrapper .asset-wrapper .gift-wrapper {
  width: 50%;
}
html .mine-wrapper .content-wrapper .function,
body .mine-wrapper .content-wrapper .function {
  width: 8.933333333333334rem;
  height: 1.52rem;
  margin-left: 0.533333333333333rem;
  font-size: 0;
  position: relative;
}
html .mine-wrapper .content-wrapper .function:after,
body .mine-wrapper .content-wrapper .function:after {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  border-top: 1px solid #eee;
  content: '';
}
html .mine-wrapper .content-wrapper .function.vip:after,
body .mine-wrapper .content-wrapper .function.vip:after {
  border: none;
}
html .mine-wrapper .content-wrapper .function.vip .left-wrapper,
body .mine-wrapper .content-wrapper .function.vip .left-wrapper {
  background: url("../img/mine-vip-icon.png") no-repeat left center;
  background-size: 0.586666666666667rem 0.56rem;
}
html .mine-wrapper .content-wrapper .function.sign .left-wrapper,
body .mine-wrapper .content-wrapper .function.sign .left-wrapper {
  background: url("../img/mine-sign-icon.png") no-repeat left center;
  background-size: 0.453333333333333rem 0.666666666666667rem;
}
html .mine-wrapper .content-wrapper .function.income .left-wrapper,
body .mine-wrapper .content-wrapper .function.income .left-wrapper {
  background: url("../img/mine-income-icon.png") no-repeat left center;
  background-size: 0.64rem 0.613333333333333rem;
}
html .mine-wrapper .content-wrapper .function.pay .left-wrapper,
body .mine-wrapper .content-wrapper .function.pay .left-wrapper {
  background: url("../img/mine-pay-icon.png") no-repeat left center;
  background-size: 0.506666666666667rem 0.613333333333333rem;
}
html .mine-wrapper .content-wrapper .function.exchange:after,
body .mine-wrapper .content-wrapper .function.exchange:after {
  border: none;
}
html .mine-wrapper .content-wrapper .function.exchange .left-wrapper,
body .mine-wrapper .content-wrapper .function.exchange .left-wrapper {
  background: url("../img/mine-exchange-icon.png") no-repeat left center;
  background-size: 0.6rem 0.453333333333333rem;
}
html .mine-wrapper .content-wrapper .function.bind-phone .left-wrapper,
body .mine-wrapper .content-wrapper .function.bind-phone .left-wrapper {
  background: url("../img/bind-phone.png") no-repeat left center;
  background-size: 0.48rem auto;
}
html .mine-wrapper .content-wrapper .function.feedback:after,
body .mine-wrapper .content-wrapper .function.feedback:after {
  border: none;
}
html .mine-wrapper .content-wrapper .function.feedback .left-wrapper,
body .mine-wrapper .content-wrapper .function.feedback .left-wrapper {
  background: url("../img/mine-feedback-icon.png") no-repeat left center;
  background-size: 0.573333333333333rem 0.546666666666667rem;
}
html .mine-wrapper .content-wrapper .function .left-wrapper,
body .mine-wrapper .content-wrapper .function .left-wrapper {
  vertical-align: top;
  width: 1.013333333333333rem;
  height: 1.52rem;
  background: url("../img/mine-recharge-icon.png") no-repeat left center;
  background-size: 0.586666666666667rem 0.613333333333333rem;
}
html .mine-wrapper .content-wrapper .function .center-wrapper,
body .mine-wrapper .content-wrapper .function .center-wrapper {
  font-family: SimHei;
  font-size: 0.453333333333333rem;
  width: 3.733333333333333rem;
  height: 1.52rem;
  line-height: 1.52rem;
  color: #000;
}
html .mine-wrapper .content-wrapper .function .right-wrapper,
body .mine-wrapper .content-wrapper .function .right-wrapper {
  text-align: right;
  vertical-align: top;
  font-size: 0.346666666666667rem;
  width: 3.733333333333333rem;
  height: 1.52rem;
  line-height: 1.52rem;
  color: #fa4848;
  padding-right: 0.426666666666667rem;
  background: url("../img/forward-icon.png") no-repeat right center;
  background-size: 0.186666666666667rem 0.32rem;
}
html .mine-wrapper .content-wrapper .function .right-wrapper span,
body .mine-wrapper .content-wrapper .function .right-wrapper span {
  color: #acacac;
}
html .mine-wrapper .big-split-line,
body .mine-wrapper .big-split-line {
  width: 100%;
  height: 0.56rem;
  background: #f5f5f5;
}
html .mine-wrapper .bottom-nav-wrapper,
body .mine-wrapper .bottom-nav-wrapper {
  position: relative;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 0.16rem 0.933333333333333rem;
  font-size: 0;
  background: #fff;
  z-index: 9;
}
html .mine-wrapper .bottom-nav-wrapper:after,
body .mine-wrapper .bottom-nav-wrapper:after {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  border-top: 1px solid #e2e2e2;
  content: '';
}
html .mine-wrapper .bottom-nav-wrapper li,
body .mine-wrapper .bottom-nav-wrapper li {
  width: 1.333333333333333rem;
  font-size: 0.293333333333333rem;
  color: #666;
  margin-right: 0.933333333333333rem;
  text-align: center;
}
html .mine-wrapper .bottom-nav-wrapper li:last-child,
body .mine-wrapper .bottom-nav-wrapper li:last-child {
  margin-right: 0;
}
html .mine-wrapper .bottom-nav-wrapper li.mine-li,
body .mine-wrapper .bottom-nav-wrapper li.mine-li {
  color: #fa4747;
}
html .mine-wrapper .bottom-nav-wrapper li div,
body .mine-wrapper .bottom-nav-wrapper li div {
  width: 1.333333333333333rem;
  height: 1.013333333333333rem;
}
html .mine-wrapper .bottom-nav-wrapper li .shelf-icon-wrapper,
body .mine-wrapper .bottom-nav-wrapper li .shelf-icon-wrapper {
  background: url("../img/shelf-icon.png") no-repeat center center;
  background-size: 0.52rem 0.6rem;
}
html .mine-wrapper .bottom-nav-wrapper li .index-icon-wrapper,
body .mine-wrapper .bottom-nav-wrapper li .index-icon-wrapper {
  background: url("../img/index-icon.png") no-repeat center center;
  background-size: 0.613333333333333rem 0.586666666666667rem;
}
html .mine-wrapper .bottom-nav-wrapper li .rank-icon-wrapper,
body .mine-wrapper .bottom-nav-wrapper li .rank-icon-wrapper {
  background: url("../img/cat-icon.png") no-repeat center center;
  background-size: 0.613333333333333rem 0.613333333333333rem;
}
html .mine-wrapper .bottom-nav-wrapper li .mine-icon-wrapper,
body .mine-wrapper .bottom-nav-wrapper li .mine-icon-wrapper {
  background: url("../img/mine-icon-active.png") no-repeat center center;
  background-size: 0.586666666666667rem 0.586666666666667rem;
}
